@import '../base/var.styl'

.pagination
  text-align: center
  margin: 50px auto
  .pagination-nav
    display: flex
    justify-content: center
    align-items: center
    .pagination-link
      display: inline-block
      vertical-align: top
      &.pagination-btn
        width: 30px
        height: 30px
        margin: 0 14px
        &:hover
          .pagination-arrow-wrap
            .pagination-arrow
              polygon, polyline
                stroke: $c-theme
        &.disabled
          cursor: not-allowed
          .pagination-arrow-wrap
            .pagination-arrow
              polygon, polyline
                stroke: #999999
        &.pagination-next
          transform: rotate(180deg)
        .pagination-arrow-wrap
          .pagination-arrow
            polygon, polyline
              stroke: #333333
              stroke-width: 2
              fill: none
      &.pagination-page
        width: 25px
        height: 25px
        margin: 0 5px
        border-radius: 50%
        line-height: 25px
        font-size: 14px
        color: #333333
        &:hover, &.active
          color: #fff
          background: $c-theme